/*index*/
.index .warpper{}
.index .warpper .row{margin: 0}
.index .warpper>.row .col-lg-4,.index .warpper>.row .col-lg-8{padding: 0}
.index .warpper>.row .col-xs-4,.index .warpper>.row .col-sm-4{padding: 0}
.index .warpper>.row .col-sm-4,.index .warpper>.row .col-sm-8{padding: 0}
.bg-color1{background-color:#fa6800;}/*重点监控 #fa6800 */
.bg-color2{background-color:#999999;}/*离线 #999999 */
.bg-color3{background-color:#DA70D5;}/*断电报警 #DA70D5 */
.bg-color4{background-color:#f0a30a;}/*未行使 #f0a30a */
.bg-color5{background-color:#6395EC;}/*围栏报警 #6395EC */
.bg-color6{background-color:#ED5564;}/*报警处理 #ED5564 */
.bg-color7{background-color:#1AB394;}/*续费车辆 #1AB394 */
.bg-color8{background-color:#8EC245;}/*贷后暗访 #8EC245 */
.bg-color-normal{background-color:#00C075}/* 正常 */
.index .widget {padding:36px 0;margin-right:15px;margin-bottom: 15px;text-align:center;cursor: pointer;color: #ffffff;border-radius:5px;}
.index .warpper>.row .col-lg-8{margin-right: -15px}
.m-b-md {}
.m-b-md h1 {font-size:16px;}
.m-b-md h3 {font-size:12px}
.fa-4x {font-size:2.5em;}
.m-xs{margin:6px 0}
.m-xs small{color:#ffffff;font-size:12px;padding-left:5px}
.normal,.normal small {}
.other{color: #ffffff;}
.other .alarm{padding:52px 0;margin-right:15px;text-align:center;cursor: pointer;border-radius:5px;margin-bottom: 15px;}/*报警处理*/
.other .un-visits{padding:52px 40px 162px;margin-right: 15px;border-radius:5px;margin-bottom: 15px;}/*贷后暗访*/
.index .box{padding:38px 40px 20px;border-radius:5px;margin-bottom: 15px;}/*续费*/
.index .box .renew{}
.index .box .renew div{margin: 10px 0;padding-left: 20px}

/*图表*/
.index .ibox {margin-bottom:15px;background-color:#ffffff;}
.index .ibox-title{border-color:#e7eaec;border-style:solid solid none;border-width:4px 1px 0;height:50px;padding:15px 15px;}
.index .ibox-title h5{font-size: 18px}
.index .ibox-content {padding:15px 10px 5px;;border-color:#e7eaec;border-style:solid solid;border-width:1px 1px;}
.index .echarts { height: 330px;}



/* xs横向放置的手机及分辨率更小的设备的样式 */
@media(max-width:480px){

}

/*小型sm注：min-width都是向大兼容的*/
@media(min-width:768px){
    .m-b-md h1 {font-size:30px;}
    .m-b-md h3 {font-size:16px}
    .fa-4x {font-size:4em;}
    .m-xs{margin:8px 0}
    .m-xs small{color:#ffffff;font-size:14px;padding-left:5px}
}

/* 中型md */
@media(min-width:992px){


}

@media(min-width:992px) and (max-width: 1024px){


}

/* 大型lg */
@media(min-width:1200px){
    .index .warpper>.row .col-lg-8{margin-right:0}
}

@media(min-width:1400px){
    .index .widget {padding:68px 0;}
    .index .echarts { height:460px;}
}